import { defineComponent } from "vue";
import style from "./index.module.less";
export default defineComponent({
  props: {
    data: {
      type: Array,
      default: [],
    },
  },
  setup(props, { slots }) {
    const renderLT = () => {
      return (
        <span class={["lt"]}>left-top</span>
      )
    };
    const renderLB = () => (
      <span class={["lb"]}>left-bottom</span>
    );
    const renderRT = () => (
      <span>right</span>
    );
    return () => (
      <div class={["flex justify-between items-center", style["index"]]}>
        <div class={["flex flex-col", style["left"]]}>
          {slots.leftTop ? slots.leftTop() : renderLT()}
          {slots.leftBottom ? slots.leftBottom() : renderLB()}
        </div>
        <div>{slots.right ? slots.right() : renderRT()}</div>
      </div>
    );
  },
});
